<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="c_jstl"%>
<%@taglib prefix="fmt" uri="fmt_jstl"%>
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->

<head>
<!-- Basic Page Needs
  ================================================== -->
<meta charset="utf-8">
<title>7 you 个人信息修改</title>
<meta name="description" content="">
<meta name="author" content="">
<!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

<!-- Mobile Specific Metas
  ================================================== -->
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">

<!-- 自定义cssstyle
 ===================================================-->
<style type="text/css">
	form ul li{
	    margin-bottom: 10px;
 	    line-height: 40px;
}
</style> 

<!-- CSS
  ================================================== -->
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/screen.css">
<link rel="stylesheet" href="css/mediaelementplayer.css" />
<!--[if IE 7]>
        <link rel="stylesheet" href="stylesheets/ie7.css">
    <![endif]-->

<!-- Favicons
    ================================================== -->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72"
	href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114"
	href="images/apple-touch-icon-114x114.png">

<!-- Fonts
    ================================================== -->
<link
	href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic,300,300italic'
	rel='stylesheet' type='text/css'>

<!-- Scripts
    ================================================== -->
<script src="js/jquery-1.7.min.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/jquery.animate-colors-min.js" type="text/javascript"></script>
<script src="js/ddsmoothmenu.js" type="text/javascript"></script>
<script src="js/jquery.cssAnimate.mini.js" type="text/javascript"></script>
<script src="js/jquery.fitvids.js" type="text/javascript"></script>
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
<script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
<script src="js/mediaelement-and-player.min.js"></script>
<script src="js/screen.js" type="text/javascript"></script>

</head>

<body>

	<!-- Site Backgrounds
    ================================================== -->

	<!-- Change to class="poswrapheaderline wide" and class="headerline full" for a full-width header line -->
	<div class="poswrapheaderline">
		<div class="headerline"></div>
	</div>
	<!-- Remove or uncomment depending on if you want a background image or tile -->
	<div class="tiledbackground"></div>
	<!--img src="images/bg.jpg" alt="" id="background" /-->
	<!-- Change to class="poswrapper wide" and class="whitebackground full" for a full-width site background -->
	<div class="poswrapper">
		<div class="whitebackground"></div>
	</div>

	<div class="container main portfolio4column">

	<!-- Header | Logo, Menu
    ================================================== -->
	<jsp:include page="head.jsp" />

	<!-- Page Title
	================================================== -->

	<div class="pagetitle">
		<div class="pagetitleholder">
			<h1>个人信息修改</h1>
		</div>
		<div class="socialholder">
				<ul class="socialicons">
				<c:choose>
					<c:when test="${!empty user}">
						<li>Hi!</li>
						<li><a href="UserInfo?id=${user.getID() }">${user.getID() }</a></li>
					</c:when>	
					<c:otherwise>
						<li><a href="login.jsp" class="linkbg">登陆</a></li>
						<li><a href="regist.jsp" class="linkbg">注册</a></li>
					</c:otherwise>
				</c:choose>				
				</ul>
			</div>
	</div>

	<!-- Body Content
    ================================================== -->
		<c:choose>
			<c:when test="${userinfo.ID==user.ID }">
			<div class="sixteen columns row textblock">
		<form action="UserInfo?id=${userinfo.ID}&modify=1" method="post">
        	<ul>
            	<li><h3>${userinfo.ID} 的详细信息</h3></li>
            	<li><div style="display: inline; font-weight: bold;">用户ID</div>
            		<div style="display: inline; position: absolute; left: 30%;"><input type="text" name="ID" value="${userinfo.ID}"></div></li>
            	<li>
            	<input type="hidden" name="role" value="${userinfo.role}">
            	<input type="hidden" name="userFace" value="${userinfo.userFace}">
            	</li>
            	<li><div style="display: inline; font-weight: bold;">姓 名</div>
            		<div style="display: inline; position: absolute; left: 30%;"><input type="text" name="userName" value="${userinfo.userName}"></div></li>
            	<li><div style="display: inline; font-weight: bold;">性 别</div>
            		<div style="display: inline; position: absolute; left: 30%;"><input type="text" name="sex" value="${userinfo.sex}"></div></li>
            	<li><div style="display: inline; font-weight: bold;">年 龄</div>
            		<div style="display: inline; position: absolute; left: 30%;"><input type="text" name="age" value="${userinfo.age}"></div></li>
            	<li><div style="display: inline; font-weight: bold;">电 话</div>
            		<div style="display: inline; position: absolute; left: 30%;"><input type="text" name="telephone" value="${userinfo.telephone}"></div></li>
            	<li><div style="display: inline; font-weight: bold;">QQ</div>
            		<div style="display: inline; position: absolute; left: 30%;"><input type="text" name="QQ" value="${userinfo.QQ}"></div></li>
            	<li><div style="display: inline; font-weight: bold;">邮 箱</div>
            		<div style="display: inline; position: absolute; left: 30%;"><input type="text" name="email" value="${userinfo.email}"></div></li>
            	<li><div style="display: inline; font-weight: bold;">地 区</div>
            		<div style="display: inline; position: absolute; left: 30%;"><input type="text" name="local" value="${userinfo.local}"></div></li>
            	<li><div style="display: inline; font-weight: bold;">个人简介</div>
            		<div style="display: inline; position: absolute; left: 30%;"><textarea name="userIntro" maxlength="100" style="min-height: 100%;height:60px;min-width:300px;">${userinfo.userIntro}</textarea></div></li>
            </ul>
            <div style="margin-top:90px; margin-bottom:20px; padding-left: 20%;">
            <input type="submit" value="保 存" style="color:white;width:100px;height:40px;font-weight:bold;font-size:14px;font-style:normal;border:1px solid #1a9775;background:#1ca37d" onmouseover="this.style.backgroundColor='#1a9775';" onmouseout="this.style.backgroundColor='#1ca37d';">
			</div>
		</form>
	</div> 
			</c:when>
			<c:otherwise><div class="sixteen columns row textblock" style="margin-bottom: 300px;"><h1><strong><em>请先登录！</em></strong></h1></div></c:otherwise>
		</c:choose>
		  
	
	<!-- Divider -->
    <div class="contentdivider"></div>
    <div class="clear"></div>     
	</div><!-- container -->

	<!-- Footer
    ================================================== -->
	<jsp:include page="foot.jsp" />
	<!-- End Document
	================================================== -->
	<div style="display: none">
		<script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540'
			language='JavaScript' charset='gb2312'></script>
	</div>
</body>
</html>